@media (max-width: 1200px){
	.text-intro span{
	display: none;
}
    .text-intro h3{
    	font-weight:400;
    }
    .text-intro p{
    	color:#000;
    }
    .text-introR div{
       float:left;
    }
}
@media (min-width:768px) and (max-width:1200px){
	#develop .row{
	width:90%;
  
}
   #develop .row .col-sm-4{
    padding:0 20px;
}
   #price .row{
	width:90%;
	
}
}
@media (max-width:768px) {
   .overlay a{
	 font-size:30px;
	
}
   .overlay .overlay-close{
   	right:40px;top:40px;
   	background-size:cover;
   	width:30px;height:30px;
}  
   .overlay ul{
	padding-top:15%;
}
}

@media (max-width: 640px){
	#features .lucyImg{
	margin:40px auto;
	width:100%;
}
    .lucyImg+p{margin-bottom:50px;}
    #special{
	padding:50px 0 30px;
}  
    #special>.container .row .col-md-4:nth-child(2){
	  border:none;
}
    #special-intro p{
	margin-bottom:30px;
}
    #special-intro ul {
	padding-left:40px;padding-right:40px;
}
   #testimonial .test ul{
	width:100%;
	margin:0 auto;
	overflow: hidden;
}
   #testimonial .test ul li{
	width:33.3%;
	box-sizing: border-box;
}
   #develop .row .col-sm-4{
    padding:0 10px;
}
	#price .row{
	width:90%;
	
}   
    #contact{
    	padding:30px 0;
    }
    .totop{
    	font-size: 20px;
    	padding:5px 10px;
    	bottom:20px;
    	right:20px;
    }
}
@media (max-width: 360px){
	#header{
		padding-top:2m;
	}
	.head-des{
	padding-top:2em;
}
	#features{
		padding:2em 0;
	}
	.head-des h1{
		letter-spacing: 2px;
		line-height: 1.4em;
	}
	.head-des p{margin:20px 0 40px;}
	.head-des a{
		margin-right:0;
	}


}
@media (max-width: 320px){
body{font-size: 10px;}
.head-des a{
	margin-right:0;
	padding:10px;display: inline-block;
	border-radius:30px;
	border:1px solid #fff;
	width:20%;
	margin:0 10px;
	font-size:1em;
	min-width:120px;
	margin-top:10px;
	
	}
 #footer ul li{
	display: inline-block;
    margin:0 5px;
    color:#fff;
   
    font-size:28px;
    cursor: pointer;
    width:40px;
    height:40px;
    line-height:40px;
    border-radius:20px;
}
}

